*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@media (min-width: 1200px){
    .container {
    max-width: 1200px;
}
}
.navbar{
    padding: 0 !important;
}
.container::after{
    display: table;
    content: "";
    clear: both;
}
header{
    background: #3097d1;
    border-bottom: 1px solid #1c73a5;
    margin-bottom: 30px;
}
header .logo{
    width: 85px;
    height: 23px;
    float: left;
    margin-right: 15px;
    margin-top: 24px;
}
header ul li{
    list-style: none;
    float: left;
    padding:0 25px;
}
header a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 50px;
}
header ul li:nth-of-type(1),
header ul li a:hover{
    background: #2578a7 ;
}
header ul li a:hover{
    color: #fff;
}

header{
    background: #3097d1;
}
.navbar{
    background: #3097d1 !important;
}







main{
    color: #1e3948;
    margin-bottom: 100px;
}
main .asd{
    margin-left: -15px;
    margin-right: -15px;
}
main .left {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
main .center {
    width: 50%;
    float: left;
}
main .right {
    width: 25%;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}
.box{
    margin: 0 -15px;
}
.dave{
    width: 275px;
    border: 1px solid #d3e0e9;
    border-radius: 3px;
    margin-bottom: 30px;
}
.dave .top{
    height: 150px;
    background: url("../img/iceland.jpg");
    background-size: 100% 100%;
    border-bottom: 1px solid #d3e0e9;
    border-radius: 3px 3px 0 0;
}
.dave .bottom{
    text-align: center;
    margin-top: -50px;
}
.dave .bottom img{
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 3px solid #fff;
}
.dave .bottom h2{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.dave .bottom p{
    padding: 0 15px;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 25px;
}
.about{
    width: 275px;
    border: 1px solid #d3e0e9;
    border-radius: 3px;
    margin-bottom: 30px;
    padding-left: 15px;
}
.about h2{
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
}
.about ul{
    margin-bottom: 25px;
}
.about ul li{
    list-style: none;
    font-size: 14px;
    line-height: 25px;
}
.about a{
    text-decoration: none;
    color: #30a4dd;
}
.photos{
    border: 1px solid #d3e0e9;
    border-radius: 3px;
    padding: 15px;
}
.photos h2{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.photos_img{
    margin-left: -5px;
    margin-right: -5px;
}
.photos_img::after{
    display: table;
    content: "";
    clear: both;
}
.photos img{
    width: 50%;
    float: left;
    padding: 5px;
}


.center{
    border: 1px solid #d3e0e9;
    border-radius: 3px;
}
.gamach{
    padding: 15px 15px 45px 15px;
    border-bottom: 1px solid #d3e0e9;
}
.gamach:last-child{
    border-bottom: none;
}
.name::after{
    display: table;
    content: "";
    clear: both;
}
.gamach .name{
    margin-bottom: 5px;
}
.name h2{
    /*margin-bottom: 5px;*/
    font-size: 16px;
    font-weight: 600;
    float: left;
}
.name time{
    float: right;
    color: #a3abb2;
    font-size: 9px;
    font-weight: 100;
}
.content .text{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.content .pic::after{
    display: table;
    content: "";
    clear: both;
}
.content .pic{
    margin-left: -5px;
    margin-right: -5   px;
}
.content .pic img{
    float: left;
    width: 50%;
    height: 220px;
    padding: 5px;
}
.content2 p{
    margin-top: 35px;
}
.gamach:nth-of-type(3) img{
    width: 100%;
    height: 100%;
}


.sponsored{
    border: 1px solid #d3e0e9;
    border-radius: 3px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.sponsored h2{
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
}
.sponsored img{
    width: 100%;
    margin-bottom: 10px;
}
.sponsored p{
    font-size: 14px;
    line-height: 22px;
}
.sponsored p:nth-of-type(1){
    font-weight: bold;
}
.sponsored a{
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 8px 10px;
    text-decoration: none;
    color: #2a88bd;
    font-size: 13px;
    border: 1px solid #2a88bd;
    border-radius: 3px;
    display: inline-block;
}
.sponsored a:hover{
    background: #2a88bd;
    color: #fff;
}
.likes{
    width: 275px;
    border: 1px solid #d3e0e9;
    border-radius: 3px;
    margin-bottom: 30px;
}
.likes .top{
    padding: 0 15px 5px 15px;
    border-bottom: 1px solid #d3e0e9;
}
.likes .top div{
    height: 60px;
    margin-bottom: 20px;
}
.likes h2{
    font-size: 15px;
    font-weight: 600;
    line-height: 45px;
}
.likes img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}
.likes h3{
    font-size: 14px;
    line-height: 25px;
}
.likes span{
    font-weight: 100;
}
.likes a{
    margin-top: 5px;
    padding: 5px 12px;
    text-decoration: none;
    color: #2a88bd;
    font-size: 10px;
    border: 1px solid #2a88bd;
    border-radius: 3px;
    display: inline-block;
}
.likes a:hover{
    background: #2a88bd;
    color: #fff;
}
.likes .bottom{
    padding: 10px 15px;
        background: #f5f8fa;
    font-size: 13px;
    line-height: 22px;

}

footer{
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 45px 0 50px 0;
    font-size: 12px;
    line-height: 33px;
}
footer ul{
    width: 325px;
    margin: auto;
}
footer ul li{
    list-style: none;
    float: left;
    margin: 0 12.5px;
}
footer a{
    text-decoration: none;
    color: #3097d1;
}












@media (max-width: 600px){
    .navbar{
    padding: 15px !important;
}
  main .left {
    width: 100%;
    padding: 0;
}
.dave{
    width: 100%;
    padding: 0;
}
.dave .top{
    height: 200px;
}
.dave .bottom{
    text-align: center;
    margin-top: -50px;
}
.dave .bottom img{
    width:100px;
    height: 100px;
}
.dave .bottom h2{
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;

}
.dave .bottom p{
    font-size: 20px;
}

.about,.photos{
    width: 100%;
}
.about h2{
    font-size: 2rem;
    text-align: center;
    margin-top: 12px 0;
}
.about ul li{
    font-size: 20px;
    line-height: 40px;
}
.photos h2{
   font-size: 2rem;
    text-align: center;
    margin-top: 12px 0;
}
main .center{
    width: 100%;
}
.name h2 {
    font-size: 2rem;
    float: none;
    text-align: center;
}
.gamach .name::after{
   display: table;
   content: "";
   clear: both;
}
.name time {
    display: none;
}
main .right {
    width: 100%;
    float: right;
    padding:0;
    margin-top: 20px;
}
.sponsored h2 {
    font-size:2rem;
    padding: 12px;
    text-align: center;
}
.likes{
    width: 100%;
}
.likes h2 {
    font-size: 2rem;
    text-align: center;
}
.likes .top div {
    margin-bottom: 39px;
}
.likes h3 {
    font-size: 21px;
    }

    .likes .bottom p{
        text-align: center;
    font-size: 17px;
    font-weight: 600;
    }
    
.likes img {
    width: 80px;
    height: 80px;
    margin-right: 35px;
}
footer p{

    font-size: 15px;
    font-weight: 500;
}

footer ul li {
    font-size: 13px;
}
main{
    margin-bottom: 20px;
}
header ul li:nth-of-type(1), header ul li a:hover {
     background:none; 
}
}